<link href="assets/css/bootstrap-treeview.min.css" rel="stylesheet" />
<style type="text/css">
.breadcrumb  a:link {
	color: #0000FF;
} /* 未访问的链接 */
.breadcrumb a:visited {
	color: #0000FF;
} /* 已访问的链接 */
.breadcrumb a:hover {
	color: #696969;
	cursor: pointer;
} /* 鼠标移动到链接上 */
.breadcrumb a:active {
	color: #0000FF;
} /* 选定的链接 */
::-webkit-input-placeholder {
	color: #CCC;
}

:-moz-placeholder {
	color: #CCC;
}

::-moz-placeholder {
	color: #CCC;
}

:-ms-input-placeholder {
	color: #CCC;
}

#newVoteTaskTitle {
	left: 0;
	right: 160px;
	border-style: none;
	outline: none;
	width: 80%;
	word-wrap: break-word;
	resize: none;
}

#quickaddbox {
	box-sizing: border-box;
	display: flex;
	position: relative;
	-webkit-box-direction: normal;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#voteUserbook, #voteaddExeDiv, #voteaddRdrDiv {
	-moz-box-shadow: 5px 5px 2px #888888;
	box-shadow: 5px 5px 2px #888888;
	z-index: 100;
	top: 20px;
	right: 0px;
	position: absolute;
	width: 280px;
	min-height: 160px;
	max-height: 400px;
	overflow: auto;
	display: none;
}

#voteaddExeDiv, #voteaddRdrDiv {
	left: 0;
	top: 20px;
}

#tDescrEditor {
	overflow: auto;
	height: 150px;
	border-style: none;
	outline: none;
	word-wrap: break-word;
	resize: none;
	border: none;
}

.task-detail-wrapper {
	display: flex;
	flex-direction: column;
	line-height: 20px;
	box-sizing: border-box;
}

.task-detail-header {
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	border-bottom: 1px solid rgb(221, 221, 221);
	vertical-align: middle;
	height: 51px;
}

.task-detail-header-left, .task-detail-header-right {
	flex-basis: 0px;
	flex-grow: 1;
	flex-shrink: 1;
	line-height: 50px;
	height: 50px;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.task-detail-body {
	box-sizing: border-box;
	padding: 30px 40px;
}

.task-detail-row {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-left: 10px;
}

.subtask-list {
	color: rgb(130, 130, 130);
	box-sizing: border-box;
}

.task-item {
	box-sizing: border-box;
	position: relative;
}

.task-item-wrapper {
	align-items: center;
	border-bottom-color: rgb(238, 238, 238);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	position: relative;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
}

.task-item-wrapper:hover {
	box-shadow: 2 2 2 #888888;
	-moz-box-shadow: 2 2 2 #888888;
	-webkit-box-shadow: 2 2 2 #888888;
}

.task-cell-progress {
	box-sizing: border-box;
	width: 100px;
}

.task-cell-title {
	display: flex;
	flex-basis: 0px;
	flex-direction: row;
	flex-grow: 1;
	flex-shrink: 1;
	min-height: 38px;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	vertical-align: middle;
}

.task-cell-metadata {
	box-sizing: border-box;
	flex-shrink: 0;
	line-height: 20px;
}

#taskListWrapper {
	padding-left: 15px;
	padding-right: 15px;
}

.taskShortcut {
	font-size: 20px;
	color: #CCCCCC;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
}

.taskShortcut:hover {
	font-size: 20px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	text-shadow: 1px 1px 1px #444444;
}

.taskShortcut i {
	font-size: 14px;
	font-style: normal;
	margin-bottom: 3px;
}
</style>
<div id="votetTaskListWrapper">
	<div id="page-inner">
		<div class="row">
			<div class="panel panel-default">
				<div class="panel-body">
					<div id="quickaddbox" style="position: relative">
						<input id="newVoteTaskTitle" type="text"
							placeholder="添加新的投票任务，按回车键（Enter）或者右侧添加按键保存"
							style="word-wrap: break-word; resize: none;" /> <input
							id="newVoteTaskDate" type="date" />&ensp;
						<button type="submit" class="btn btn-default"
							onclick="voteManageAddNewVoteTask()">添加</button>
						<a id="voteTargetUser" role="button"
							style="position: absolute; right: 0px"></a>
						<div id="voteUserbook">
							<div id="voteTreeview-checkable" class=""></div>
						</div>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-body">
					<table class="table table-striped table-bordered table-hover"
						id="voteTaskListTable">
						<thead>
							<tr>
								<th><span class="fa fa-tasks"></span> 任务标题</th>
								<th><span class="fa fa-rocket"></span> 创建人</th>
								<th><span class="fa fa-rocket"></span> 完成度</th>
								<th><span class="fa fa-user-o"></span> 任务类型</th>
								<th><span class="fa fa-user-o"></span> 创建时间</th>
								<th><span class="fa fa-clock-o"></span> 完成日期</th>
								<th><span class="fa fa-cogs"></span>操作</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/Bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-treeview.min.js"></script>
<script src="assets/dataTables/datatables.min.js"></script>
<script src="assets/js/bootstrap-slider.min.js"></script>
<script src="assets/js/tasklib.js"></script>
<script src="assets/js/voteManage.js"></script>